.dark-theme {
    --color--white: hsla(0 0% 100% / 1);
    --color--black: hsla(0 0% 0% / 1);
    --color--gray: hsla(193.63636363636363 10.784313725490199% 60.00000000000001% / 1);
    --color--gray--50: hsla(from var(--color--gray) h s 95% / alpha);
    --color--gray--100: hsla(from var(--color--gray) h s 90% / alpha);
    --color--gray--200: hsla(from var(--color--gray) h s 80% / alpha);
    --color--gray--300: hsla(from var(--color--gray) h s 70% / alpha);
    --color--gray--400: hsla(from var(--color--gray) h s 60% / alpha);
    --color--gray--500: hsla(from var(--color--gray) h s 50% / alpha);
    --color--gray--600: hsla(from var(--color--gray) h s 40% / alpha);
    --color--gray--700: hsla(from var(--color--gray) h s 30% / alpha);
    --color--gray--800: hsla(from var(--color--gray) h s 20% / alpha);
    --color--gray--900: hsla(from var(--color--gray) h s 10% / alpha);
    --color--gray--950: hsla(from var(--color--gray) h s 5% / alpha);
    --border-top-color: var(--color--gray--700);
    --border-right-color: var(--color--gray--700);
    --border-bottom-color: var(--color--gray--700);
    --border-left-color: var(--color--gray--700);
    --text-color: var(--color--gray--100);
    --text-color--weak: var(--color--gray--300);
    --text-color--weaker: var(--color--gray--500);
    --text-color--weakest: var(--color--gray--700);
    --body--color: var(--text-color);
    --body--font-size: var(--font-size);
    --body--font-family: var(--font-family-base);
    --body--line-height: var(--line-height);
    --body--letter-spacing: var(--letter-spacing);
    --body--text-align: var(--text-align--left);
    --body--transition-property: var(--transition-property);
    --body--transition-duration: var(--transition-duration);
    --body--transition-timing-function: var(--transition-timing-function);
    --body--transition: var(--body--transition-property) var(--body--transition-duration) var(--body--transition-timing-function);
    --body--background: var(--color--dark--shade-50);
}
